<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">

<head>
	<meta charset="UTF-8" />
	<title></title>

	<link href="/webResources/plugins/fileinput/css/fileinput.css" rel="stylesheet"/>
	<link href="/webResources/plugins/jquery-UI/jquery-ui-1.12.1.custom/jquery-ui.min.css" rel="stylesheet"/>
	<link href="/webResources/css/custom/validate.css" rel="stylesheet"/>
	<link href="/webResources/plugins/datetimepicker/bootstrap-datetimepicker.min.css" rel="stylesheet"/>
	<link rel="stylesheet" type="text/css" media="screen" href="/webResources/plugins/chosen/chosen.css" />

	<style type="text/css">
		.ui-autocomplete {
			display: block;
			z-index: 99999;
		}
		.btn-cancelConnect{
			text-align: center;
			text-align: center;
			line-height: 34px;
			border-radius: 5px;
			cursor:pointer;
		}
		.btn-cancelConnect:hover,
		.btn-cancelConnect:focus,
		.btn-cancelConnect:active,
		.btn-cancelConnect.active,.btn-cancelConnect{
			color: #ffffff;
			background-color: #ed9c28;
			border-color: #d58512;
		}
		.btn-cancelConnect:focus,
		.btn-cancelConnect.focus {
			color: #fff;
			background-color: #ec971f;
			border-color: #985f0d;
		}
		.btn-cancelConnect:hover {
			color: #fff;
			background-color: #ec971f;
			border-color: #d58512;
		}
	</style>

	<script type="text/javascript" src="/webResources/plugins/datetimepicker/bootstrap-datetimepicker.min.js" ></script>
	<script type="text/javascript" src="/webResources/plugins/datetimepicker/locales/bootstrap-datetimepicker.zh-CN.js" ></script>
	<script type="text/javascript" src="/webResources/plugins/jquery-UI/jquery-ui-1.12.1.custom/jquery-ui.min.js"></script>
	<script type="text/javascript" src="/webResources/plugins/jquery-validate/dist/jquery.validate.min.js" ></script>
	<script type="text/javascript" src="/webResources/plugins/jquery-validate/dist/localization/messages_zh.js" ></script>
	<script type="text/javascript" src="/webResources/plugins/jquery-form/jquery.form.min.js" ></script>
	<script type="text/javascript" src="/webResources/plugins/jquery-BlockUI/jquery.blockUI.js" ></script>
	<script type="text/javascript" src="/webResources/plugins/chosen/chosen.jquery.js" ></script>
	<script type="text/javascript" src="/webResources/plugins/fileinput/js/fileinput.js" ></script>
	<script type="text/javascript" src="/webResources/plugins/fileinput/js/locales/zh.js" ></script>
	<script type="text/javascript" src="/webResources/js/custom/device/save.js" ></script>

</head>

<body class="skin-blue sidebar-mini">
	<form class="form-horizontal" role="form" th:object="${device}" id="deviceForm">
		<input type="hidden" id="deviceId" name="id" th:value="${device.id}"/>
		<input type="hidden" id="receiverIds" name="receiverIds" th:value="${receiverIds}"/>
		<input type="hidden" id="iotxIds" name="iotxIds" th:value="${iotxIds}"/>
		<input type="hidden" id="ownerIds" name="ownerIds" th:value="${ownerIds}"/>
		<!--<input type="hidden" id="groupId" name="groupId" value=""/>-->
		<!--<input type="hidden" id="groupIdList" name="groupIdList" th:value="${groupIdList}"/>-->
		<input type="hidden" id="jsonArray" name="jsonArray" th:value="${jsonArray}"/>
	    <fieldset>
	    	<input type="hidden" th:field="*{project.id}"/>
	    	<div class="form-group">
		    	<label class="col-sm-3 control-label"  th:text="#{customerService.projectNo}">企业编号</label>
		    	<div class="col-sm-8">
		    		<input type="text" th:field="*{project.number}" class="form-control" th:placeholder="#{customerService.projectNo}"/>
    			</div>
	    	</div>
	    	<div class="form-group">
		    	<label class="col-sm-3 control-label"  th:text="#{customerService.projectName}">企业名称</label>
		    	<div class="col-sm-8">
		    		<input type="text" th:field="*{project.name}" class="form-control" th:placeholder="#{customerService.projectName}" disabled="true"/>
    			</div>
	    	</div>
	    	<div class="form-group">
		    	<label class="col-sm-3 control-label"  th:text="#{customerService.projectLocation}">企业地址</label>
		    	<div class="col-sm-8">
		    		<input type="text" th:field="*{project.location}" class="form-control" th:placeholder="#{customerService.projectLocation}" disabled="true"/>
    			</div>
	    	</div>
	    	<div class="form-group">
		    	<label class="col-sm-3 control-label"  th:text="#{customerService.productNo}">产品编号</label>
		    	<div class="col-sm-8">
		    		<input type="text" th:field="*{productNo}" class="form-control" th:placeholder="#{customerService.productNo}"/>
    			</div>
	    	</div>
	    	<div class="form-group">
		    	<label class="col-sm-3 control-label"  th:text="#{customerService.productName}">产品名称</label>
		    	<div class="col-sm-8">
		    		<input type="text" th:field="*{productName}" class="form-control" th:placeholder="#{customerService.productName}"/>
    			</div>
	    	</div>
	    	<div class="form-group">
		    	<label class="col-sm-3 control-label"  th:text="#{customerService.productSpecifications}">产品规格</label>
		    	<div class="col-sm-8">
		    		<input type="text" th:field="*{productSpecifications}" class="form-control" th:placeholder="#{customerService.productSpecifications}"/>
    			</div>
	    	</div>
	    	<div class="form-group">
		    	<label class="col-sm-3 control-label"  th:text="#{device.devCategory}">选择种类</label>
		    	<div class="col-sm-8">
		    		<select th:field="*{devCategory.id}" id="devCategory" name="devCategory" class="form-control">
		            	<option th:each="devCategory : ${devCategorys}" th:value="${devCategory.id}" th:text="${devCategory.categoryType.name}"></option>
		            </select>
    			</div>
	    	</div>
			<div class="form-group">
				<label class="col-sm-3 control-label"  th:text="#{device.productionTime}">出厂时间</label>
				<div class="col-sm-8">
					<input type="text" th:field="*{productionTime}" class="form-control" th:placeholder="#{device.productionTime}"/>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label"  th:text="#{device.commissioningTime}">投运时间</label>
				<div class="col-sm-8">
					<input type="text" th:field="*{commissioningTime}" class="form-control" th:placeholder="#{device.commissioningTime}"/>
				</div>
			</div>
	    	<div class="form-group">
		    	<label class="col-sm-3 control-label"  th:text="#{device.serialNo}">序列号</label>
		    	<div class="col-sm-8">
		    		<input type="text" th:field="*{serialNo}" class="form-control" th:placeholder="#{device.serialNo}"/>
    			</div>
	    	</div>
	    	<div class="form-group">
		    	<label class="col-sm-3 control-label" th:text="#{device.rfid}">rfid</label>
		    	<div class="col-sm-8">
		    		<input type="text" th:field="*{rfid}" class="form-control" th:placeholder="#{device.rfid}"/>
    			</div>
	    	</div>
			<div class="form-group">
				<label class="col-sm-3 control-label" th:text="#{device.baiduLongitude}">坐标经度</label>
				<div class="col-sm-8">
					<input type="text" th:field="*{baiduLongitude}" class="form-control" th:placeholder="#{device.baiduLongitude}"/>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label" th:text="#{device.baiduLatitude}">坐标纬度</label>
				<div class="col-sm-8">
					<input type="text" th:field="*{baiduLatitude}" class="form-control" th:placeholder="#{device.baiduLatitude}"/>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">网元名称</label>
				<div class="col-sm-8">
					<select name="groupId" id="group" class="form-control"  style="width: 322px!important">
						<option th:each="groupOfA5 : ${groupOfA5List}"  th:value="${groupOfA5.id}" th:text="${groupOfA5.name}"></option>
					</select>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">网元序列号</label>
				<div id="iotxListSelect" class="col-sm-8">
					<select name="serial_no" id="serial_no" class="form-control"  style="width:220px!important;float:left;">
					</select>
					<!--<div class="cancelCon" style="width:80px;height:34px;display: block;float:left;margin-left: 20px;">-->
						<div class="btn-cancelConnect" id="btn-cancel"   style="display: none; width:80px;height:34px;display: block;float:right;margin-left: 240px;position: absolute;">取消关联</div>
					<!--</div>-->
				</div>

			</div>

	    	<div class="form-group">
		    	<label class="col-sm-3 control-label"  th:text="#{device.remind.receivers}">选择预警维护收件人</label>
		    	<div id="remindReceiversSelect" class="col-sm-8">
		    	 	<select name="remindReceivers" id="remindReceivers" class="form-control" multiple="multiple" style="width: 350px">
		            	<option th:each="receiver : ${receivers}" th:field="*{remindReceiverList}" th:value="${receiver.id}" th:text="${receiver.name}"></option>
		            </select>
    			</div>
	    	</div>
	    	<div class="form-group">
		    	<label class="col-sm-3 control-label"  th:text="#{device.owners}">所属客户</label>
		    	<div class="col-sm-8">
		    	 	<select name="owners" id="owners" class="form-control" multiple="multiple" style="width: 350px">
		            	<option th:each="owner : ${owners}" th:field="*{ownerList}" th:value="${owner.id}" th:text="${owner.name}"></option>
		            </select>
    			</div>
	    	</div>
			<div class="form-group">
				<label class="col-sm-3 control-label"  th:text="#{device.picture}">设备照片</label>
				<div class="col-sm-8">
					<input type="file" id="fileUpLoad" multiple="multiple" name="fileUpLoad" data-show-caption="true"/>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label"  th:text="#{device.topology}">设备拓扑图</label>
				<div class="col-sm-8">
					<input type="file" id="topology" multiple="multiple" name="topology" data-show-caption="true"/>
				</div>
			</div>
	    </fieldset>
	</form>
</body>

</html>

